<template>
<div id="home">
<Dheader :barList="barList"></Dheader>
<transition name="fade">
  <router-view></router-view>
</transition>
</div>
</template>
<script>
export default {
  components: {
    'Dheader': (resolve) => {
      require(['./common/header'], resolve)
    }
  },
  data () {
    return {
      barList: [
        {
          title: '主页',
          url: '/home/search',
          autoAction: 'searchMovieList'
        },
        {
          title: '收藏',
          url: '/home/favourite',
          autoAction: 'showFavouriteList'
        },
        {
          title: '历史记录',
          url: '/home/historyList',
          autoAction: 'showHistoryList'
        }]
    }
  }
}
</script>
<style lang="less" rel="stylesheet/less">
*{
  margin: 0;
  padding: 0;
  font-family: '微软雅黑',serif;
}
</style>
